@mixin dark-scrollbar($color:rgba(42,132,229,0.5), $background: rgba(127, 171, 255, 0.1)) {
  &::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 6px;
    height: 6px;
    border-radius: 6px;
  }
  &::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 6px;
    box-shadow: none;
    background: $color;
  }
  &::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: none;
    border-radius: 6px;
    background: $background;
  }
}
//pageHeader导航-返回文字样式
.page-header-text {
  padding-left: 32px;
  height: 28px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 28px;
  color: rgba(11, 22, 43, 0.85);
  opacity: 1;
  display: flex;
  align-items: center;
}
//页面同意头部面包屑和标题样式 主页面布局样式修改
@mixin header-default-style {
    .title {
      @extend .page-header-text;
      margin-bottom: 0 !important;
      background: white;
      padding: 17px 32px 27px 32px;
    }
    .app-container .section > div {
      // background: white !important;
      height: 100%;
      padding: 0 !important;
    }
}
//页面统计数据文字样式
@mixin count-num-font {
  font-size: 14px;
  color: $count-num-color;
  font-weight: 400;
  display: inline-flex;
  justify-content: flex-end;
  margin-top: 6px;
  float: right;
  align-items: center;
  > span {
    padding: 0 20px;
  }
} 
//tab统一样式
@mixin tab-style-default {
  // ::v-deep .el-tab-pane {
  //   margin: 0 10px 10px;
  // }
  ::v-deep .el-tabs__header {
    margin-bottom: 0;
    background: white;
    padding: 0px 22px;
    margin-bottom: 10px;
    // border-top: 1px solid #f0f2f5;
  }
  ::v-deep .el-tabs__content {
    display:flex !important;
    background: #f0f2f5;
    padding: 0;
    box-sizing: border-box;
    .el-tab-pane {
      flex-grow: 1;
      display: flex;
    }
    .content {
      background-color: white;
      padding: 10px !important;
      flex-grow: 1;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
    }
  }
  ::v-deep .el-tabs__nav-wrap::after {
    background-color: unset;
  }
}